<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
	</head>
	<body class="container">
		<h3 class="text-center mb-4">学习强国积分表</h3>
		<table class="table table-hover">
			<thead>
				<tr class="table-success">
					<td><input type="checkbox" /></td>
					<th class="text-center">昵称</th>
					<th class="text-center">每日答题</th>
					<th class="text-center">专项答题</th>
					<th class="text-center">挑战答题</th>
					<th class="text-center">四人竞赛</th>
					<th class="text-center">电话</th>
				</tr>
			</thead>
			<tbody>
				<tr class="table-primary">
					<td><input type="checkbox" /></td>
					<td class="text-center">刘禹锡</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">13112345678</td>
				</tr>
				<tr class="table-danger">
					<td><input type="checkbox" /></td>
					<td class="text-center">刘禹锡</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">13112345678</td>
				</tr>
				<tr class="table-info">
					<td><input type="checkbox" /></td>
					<td class="text-center">刘禹锡</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">13112345678</td>
				</tr>
				<tr class="table-dark">
					<td><input type="checkbox" /></td>
					<td class="text-center">刘禹锡</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">5</td>
					<td class="text-center">0</td>
					<td class="text-center">13112345678</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
